css 编写思路

编写顺序

1）第一步 首先是高度宽度 背景颜色 八倍灰度 这是为了让盒子首先显示出来 不至于是一片白色看不出效果

2）第二步 然后是布局 flex 然后是文本颜色 然后是padding margin 距离产生美。。。

3）第三步 接着考虑项目居中items-center

新的思路

write css 顺序，从盒子模型从外到内，布局->定位->margin->border->padding->content->bg-color->text

当然也可以从内到外

如何更加有质感

• 考虑使用圆角让元素更加美观rounded-lg
• 然后增加hover效果 hover:bg-black 或者hover 改变阴影效果
• 设置好看的边框
• 增加动画效果